<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./index.css">
    <title>轮播图</title>
</head>
<body>
    <div class="hw-swiper">
        <div class="img-box"></div>
        <div class="swiper-l">
            <svg t="1719042830030" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4247" width="200" height="200"><path d="M672 896c8.2 0 16.4-3.1 22.6-9.4 12.5-12.5 12.5-32.8 0-45.3L365.3 512l329.4-329.4c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-352 352c-12.5 12.5-12.5 32.8 0 45.3l352 352c6.2 6.3 14.4 9.4 22.6 9.4z" fill="#1875F0" p-id="4248"></path></svg>
        </div>
        <div class="swiper-r">
            <svg t="1719042923565" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3009" width="200" height="200"><path d="M352 896c-8.2 0-16.4-3.1-22.6-9.4-12.5-12.5-12.5-32.8 0-45.3L658.7 512 329.4 182.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l352 352c12.5 12.5 12.5 32.8 0 45.3l-352 352c-6.3 6.3-14.5 9.4-22.7 9.4z" fill="#1875F0" p-id="3010"></path></svg>
        </div>
        <div class="swiper-b">
        </div>
    </div>
    <script src="./index.js"></script>
</body>
</html>